<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="css/ruler.css" type="text/css" />
<style type="text/css">
.demo_box{width:800px; height:2160px; line-height:1.5; margin:0 auto; color:#333; font-size:84%;}
.demo_img{float:left;}
.demo_area{width:350px; float:right;}
.demo_area code{font-weight:700; font-family:arial;}
</style>
</head>

<body>
<div class="demo_box"> <div class="demo_area">
    <ul>
        <li>显示/隐藏标尺快捷键：<code>R</code></li>
        <li>显示/隐藏参考线快捷键：<code>;</code></li>
        <li>新建参考线快捷键：<code>\</code></li>
        <li>隐藏标尺参考线快捷键：<code>Esc</code></li>
    </ul>
</div>
	<img  class="demo_img" src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1510641011&di=7ce065abca12f888d6da3590313b3996&src=http://i2.letvimg.com/lc07_crawler/201711/13/23/10/151058580928384-13.jpg" />
   
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.pageRuler.js"></script>
</body>
</html>
